<html>

<head>
    <title>CSS基础</title>

    <style>
        #mydiv {
            width: 300px;
            height: 300px;
            border: solid 1px red;
            line-height: 300px;
            text-align: center;
        }

        #news {
            line-height: 25px;
            text-align: 40px;
            text-decoration: line-through;
        }

        #button {
            border: solid 1px red;
            border-radius: 20px;
            width: 190px;
            height: 50px;
            background: url("down.jpg")no-repeat 127px 18px;
            /*50px 50px 第1个是与左边的距离，第2个是与上边的距离*/
            background-color: #0064b9;
            font-size: 26px;
            color: white;
            text-indent: 44px;
            line-height: 55px;
            /*50是居中*/
        }
    </style>
</head>

<body>
    <div id="mydiv">今天天气真好</div>
    <div id="news">天气晴朗，万里无云</div>
    <div id="button">
        敬词
    </div>
</body>

</html>